/* bouton de la page Inscription*/
input[type="submit"]{
    
    border-radius:12px 0 12px 0;
	background: #C0C0C0;
	border:none;
	color:#1F2A36;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}
#contain{
    
    border-radius: 20px;
    text-align: center;
    box-shadow: 1px 1px 1px 1px #667882;
    background-color: white;
    padding-top: 50px;
    margin: 60px auto;
   
}
.page-inscription{
	width: 40%;
    height: 75%;
    min-width: 200px;
    min-height: 500px;
   
	
}
/* h2 de l'id contain qui a pour classe page-inscription */
#contain.page-inscription h2{ 
	 font-family: fantasy;
	 color: #50468C;
	
}
/* h1 de l'id contain qui a pour classe page-liste */
#contain.page-liste h1{ 
	 font-family: fantasy;
	 color: #50468C;
	
}
.page-liste{
    margin: 100px;
    width: 75%;
    height: 100%;
    min-width: 180px;
    min-height: 400px;
    padding-bottom: 20px;
    margin-top: 90px; 
    max-height: 400px;
    overflow: auto; 
    
    
}


/* Page connexion */
#contain table.connec{
    width: 100%;
}
#contain table.connec tr, #contain table.connec td, #contain table.connec th{
    text-align: center;
    
}
#contain th{
    background-color: #91C8F7;
}
/* Page sujet*/
.nom_auteur{
    float: left;
    width: 50%;
}
.nom_auteur p, .dernier_msg p{
    font-size: 12px;
    color: grey;
    margin-left: 20px;
    text-align: left;
}
.nom_auteur h3, .dernier_msg h3{
    font-size: 15px;
    color: #F27979;
}
.nb_msg{
    float: left;
    width: 15%;
}
.dernier_msg{
    float: left;
    width: 35%;
}
.sujet:hover{
    background-color: #EFC181;
    box-shadow: 0px 1px 2px 0px;
}
.sujet:hover h3{
    color: #8C4E10;
}
/*page message*/
.commentaire, .sujet{
    margin: 2px auto;
    border: 1px solid black;
    min-height: 150px;
   
}
.sujet{
    min-height: 50px;
    text-align: left;
    padding: 5px;
}
.commentaire:hover{
    background-color: #EFC181;
    box-shadow: 0px 1px 2px 0px;
}
.profil{
    float: left;
    width: 300px;
}
.profil img{
    height: 100px;
    width: 100px;
    margin: 3px
}
.date_msg{
    width: 100%;
    height: 20px;
    color: grey;
    font-size: 13px;
    text-align: left;
    margin: 3px;
}
.afficheMsg{
    text-align: left;
    font-size: 15px;
}























